<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>Boot WMS</title> 
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Font Awesome -->
  <link rel="stylesheet" href="plugins/fontawesome-free/css/all.min.css"> 
  <!-- Ionicons -->
  <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> 
  <!-- Daterange picker -->
  <link rel="stylesheet" href="plugins/daterangepicker/daterangepicker.css">
  <!-- iCheck -->
  <link rel="stylesheet" href="plugins/icheck-bootstrap/icheck-bootstrap.min.css">
  <!-- Bootstrap Color Picker -->
  <link rel="stylesheet" href="plugins/bootstrap-colorpicker/css/bootstrap-colorpicker.min.css">
  <!-- Tempusdominus Bbootstrap 4 -->
  <link rel="stylesheet" href="plugins/tempusdominus-bootstrap-4/css/tempusdominus-bootstrap-4.min.css">
  <!-- Select2 -->
  <link rel="stylesheet" href="plugins/select2/css/select2.min.css">
  <link rel="stylesheet" href="plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css">
  <!-- Bootstrap4 Duallistbox -->
  <link rel="stylesheet" href="plugins/bootstrap4-duallistbox/bootstrap-duallistbox.min.css">
  <!-- Theme style -->
  <link rel="stylesheet" href="dist/css/adminlte.min.css">
  <!-- Google Font: Source Sans Pro -->
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet">

  <!-- JQVMap -->
  <link rel="stylesheet" href="plugins/jqvmap/jqvmap.min.css">
  <!-- overlayScrollbars -->
  <link rel="stylesheet" href="plugins/overlayScrollbars/css/OverlayScrollbars.min.css">
  <!-- summernote -->
  <link rel="stylesheet" href="plugins/summernote/summernote-bs4.css"> 
  <style>
  	.query1 {
			margin: 10px;
			padding: 15px;
  	}
  </style>
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">

  <!-- Navbar -->
  <nav class="main-header navbar navbar-expand navbar-white navbar-light">  
	<div id="test1"></div> 
	<div id="test2"></div>
    
    <ul class="navbar-nav ml-auto"> 
		<div id="test3"></div> 
		<div id="test4"></div>
		<li class="nav-item">
		  <a class="nav-link" data-widget="control-sidebar" data-slide="true" href="#">
		    <i class="fas fa-th-large"></i>
		  </a>
		</li>
    </ul>
  </nav>
  <!-- /.navbar -->

  <aside class="main-sidebar sidebar-dark-primary elevation-4">
  	<div id="logo1"></div> 
    <div class="sidebar">
		<div id="user1"></div>
		<nav class="mt-2">
			 <ul class="nav nav-pills nav-sidebar flex-column" 
			 	 data-widget="treeview" 
			 	 role="menu" 
			 	 data-accordion="false">
			 	<div id="menu1"></div> 
		 	 </ul>
		</nav>
  	</div> 
  </aside>  

  
  <div class="content-wrapper">
  	<!-- 主区域标题 chaXun_xx -->
    <section class="content-header">
      <div class="container-fluid">
      	<div class="row mb-2">
      		<div class="col-sm-9">
      		  <h1 class="m-0 text-dark">
   				查询入库信息
      		  </h1>
      		</div>
      		<div class="col-sm-1">
      			<button type="button"
      				class="btn btn-block btn-primary"
      				onclick = "queryASN()"
      			>查询</button>
      		</div>
      		<div class="col-sm-2">
      			<ol class="breadcrumb float-sm-right">
	   					<li class="breadcrumb-item"><a href="./index.html">主页</a></li>
	   					<li class="breadcrumb-item active">ASN查询</li> 
      			</ol>
      		</div>
      	</div>
      
      </div>
   
    </section>
    <section class="content">
    	<!-- 主查询区域 -->
    	<div class="card">

    		<div class="card-header">
    			<h3 class="card-title">ASN查询选项</h3>
    		</div>

    		<div class="card-body">
		    			
		    	<div class="card query1" id="queryASN">
		    		
		      	  <form action="" name="post_form" id="post_form" role="form">
		      	  	<div class="row">
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>入库编号</label>
									  <input type="text" id="ASNID" name="ASNID" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>客户编号</label>  
									  <select class="form-control" id="storekey" name="storekey">
									  	<option value="default" selected="selected">默认客户</option>
									  </select> 
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>总件数</label>
									  <input type="text" id="totalPkg" name="totalPkg" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>件数类型</label> 
									  <select id="pkgType" name="pkgType" class="form-control">
									    <option value="mixed" selected="selected">混合</option>
									    <option value="package">件</option>
									    <option value="box">箱</option>
									    <option value="bag">包</option>
										</select>
									</div>
								  </div>
								</div>
		      	  	<div class="row">
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>业务编码</label>
									  <input type="text" id="bussNum" name="bussNum" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>发票编码</label>
									  <input type="text" id="InvoiceNum" name="InvoiceNum" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>备注1</label>
									  <input type="text" id="remark1" name="remark1" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>备注2</label>
									  <input type="text" id="remark2" name="remark2" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								</div>
		      	  	<div class="row">
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>备注3</label>
									  <input type="text" id="remark3" name="remark3" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>备注4</label>
									  <input type="text" id="remark4" name="remark4" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>备注5</label>
									  <input type="text" id="remark5" name="remark5" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								  <div class="col-sm-3">
									<div class="form-group">
									  <label>备注6</label>
									  <input type="text" id="remark6" name="remark6" 
									  class="form-control" placeholder="">
									</div>
								  </div>
								</div>
		      	  	<div class="row">
								  <div class="col-sm-3">
										<div class="form-group">
											<label>收货日期起</label>

                    		<div class="input-group date" id="reservationdate1" data-target-input="nearest">
                        	<input type="text" id="receiveDateStart" name="receiveDateStart" class="form-control datetimepicker-input" data-target="#reservationdate1"/>
                       		 	<div class="input-group-append" data-target="#reservationdate1" data-toggle="datetimepicker">
                            	<div class="input-group-text"><i class="fa fa-calendar"></i></div>
                        		</div>
                    		</div>
										</div>								  	
								  </div>
								  <div class="col-sm-3">
										<div class="form-group">
											<label>收货日期结</label>
												
                    		<div class="input-group date" id="reservationdate2" data-target-input="nearest">
                        	<input type="text" id="receiveDateEnd" name="receiveDateEnd" class="form-control datetimepicker-input" data-target="#reservationdate2"/>
                       		 	<div class="input-group-append" data-target="#reservationdate2" data-toggle="datetimepicker">
                            	<div class="input-group-text"><i class="fa fa-calendar"></i></div>
                        		</div>
                    		</div>
										</div>								  	
								  </div>		 
								  <div class="col-sm-3">
										<div class="form-group">
											<label>创建日期起</label>
												
                    		<div class="input-group date" id="reservationdate3" data-target-input="nearest">
                        	<input type="text" id="createDateStart" name="createDateStart" class="form-control datetimepicker-input" data-target="#reservationdate3"/>
                       		 	<div class="input-group-append" data-target="#reservationdate3" data-toggle="datetimepicker">
                            	<div class="input-group-text"><i class="fa fa-calendar"></i></div>
                        		</div>
                    		</div>
										</div>								  	
								  </div>		 
								  <div class="col-sm-3">
										<div class="form-group">
											<label>创建日期结</label>
												
                    		<div class="input-group date" id="reservationdate4" data-target-input="nearest">
                        	<input type="text" id="createDateEnd" name="createDateEnd" class="form-control datetimepicker-input" data-target="#reservationdate4"/>
                       		 	<div class="input-group-append" data-target="#reservationdate4" data-toggle="datetimepicker">
                            	<div class="input-group-text"><i class="fa fa-calendar"></i></div>
                        		</div>
                    		</div>
										</div>								  	
								  </div>		 		      	  		
		      	  	</div>
		      	  </form>
		    	</div>

    		</div>
    	</div>
    	
    	<div class="card">
    		<div class="card-header">
    			<h3 class="card-title">查询结果</h3>
    		</div>
    		<div class="card-body">
    			<div id="jsGrid1"></div>
    		</div>
    	</div>
    </section>

  </div>
  
  
<div id="footer"></div>

</body>
<!-- jQuery -->
<script src="plugins/jquery/jquery.min.js"></script>
<!-- Bootstrap 4 -->
<script src="plugins/bootstrap/js/bootstrap.bundle.min.js"></script>
<!-- Select2 -->
<script src="plugins/select2/js/select2.full.min.js"></script>
<!-- Bootstrap4 Duallistbox -->
<script src="plugins/bootstrap4-duallistbox/jquery.bootstrap-duallistbox.min.js"></script>
<!-- InputMask -->
<script src="plugins/moment/moment.min.js"></script>
<script src="plugins/inputmask/min/jquery.inputmask.bundle.min.js"></script>
<!-- date-range-picker -->
<script src="plugins/daterangepicker/daterangepicker.js"></script>
<!-- bootstrap color picker -->
<script src="plugins/bootstrap-colorpicker/js/bootstrap-colorpicker.min.js"></script>
<!-- Tempusdominus Bootstrap 4 -->
<script src="plugins/tempusdominus-bootstrap-4/js/tempusdominus-bootstrap-4.min.js"></script>
<!-- Bootstrap Switch -->
<script src="plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<!-- AdminLTE App -->
<script src="dist/js/adminlte.js"></script>

<!-- jQuery UI 1.11.4 -->
<script src="plugins/jquery-ui/jquery-ui.min.js"></script>
<script type="text/javascript">
  

  // $(function () {
  //   //Initialize Select2 Elements
  //   $('.select2').select2()

  //   //Initialize Select2 Elements
  //   $('.select2bs4').select2({
  //     theme: 'bootstrap4'
  //   })

  // })

	(function($){
		console.log("start");

		localStorage.setItem("menuId", 2);
		
		//$("#mainHeader").load("mainHeader1.html");
		$("#test1").load("test1.html");
		$("#test2").load("test2.html");
		$("#test3").load("test3.html");
		$("#test4").load("test4.html");
		$("#logo1").load("logo1.html");
		$("#user1").load("user1.html");
		$("#menu1").load("menu1.html");
		$("#footer").load("foot.html");

		initialData();


    //Date range picker with time picker
    // $('#reservationtime').daterangepicker({
    //   timePicker: true,
    //   timePickerIncrement: 30,
    //   locale: {
    //     format: 'MM/DD/YYYY hh:mm A'
    //   }
    // })
    //Date range as a button
    // $('#daterange-btn').daterangepicker(
    //   {
    //     ranges   : {
    //       'Today'       : [moment(), moment()],
    //       'Yesterday'   : [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
    //       'Last 7 Days' : [moment().subtract(6, 'days'), moment()],
    //       'Last 30 Days': [moment().subtract(29, 'days'), moment()],
    //       'This Month'  : [moment().startOf('month'), moment().endOf('month')],
    //       'Last Month'  : [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').endOf('month')]
    //     },
    //     startDate: moment().subtract(29, 'days'),
    //     endDate  : moment()
    //   },
    //   function (start, end) {
    //     $('#reportrange span').html(start.format('MMMM D, YYYY') + ' - ' + end.format('MMMM D, YYYY'))
    //   }

	})(jQuery);

	function initialData(){
		
    //Date range picker
    $('#reservationdate1').datetimepicker({
        format: 'L'
    });
    //Date range picker
    $('#reservation1').daterangepicker();

    //Date range picker
    $('#reservationdate2').datetimepicker({
        format: 'L'
    });
    //Date range picker
    $('#reservation2').daterangepicker();

    //Date range picker
    $('#reservationdate3').datetimepicker({
        format: 'L'
    });
    //Date range picker
    $('#reservation3').daterangepicker();

    //Date range picker
    $('#reservationdate4').datetimepicker({
        format: 'L'
    });
    //Date range picker
    $('#reservation4').daterangepicker();

		setTimeout(function () { 
			console.log("initialData 查询入库信息 changeActive");
			changeMenuActive(6);
    },1000);

	}

	function queryASN(){
		console.log("queryASN()");

		var formData = $("#queryASN #post_form").serialize();
		console.log("formData-=>",formData);

		var url1 = '../api/baseInfo/serv_meth/asnService/findASNbyForm';

		$.ajax({
			url: url1,
			type: "POST",
			data: formData,
			dataType: "json",
			paging: true,
			pageSize: 10,
			success: function(res1){
				console.log(res1);

			},
			error:function(e){
				console.log(e);
			}
		});

	}
</script>
</html>